<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<c:set var="contextPath" value="${pageContext.request.contextPath}"></c:set>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- 包含公共的JSP代码片段 -->

<title>无线点餐平台</title>



<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript"
	src="${pageContext.request.contextPath}/static/docs/style/js/jquery.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/static/docs/style/js/page_common.js"></script>
<link
	href="${pageContext.request.contextPath}/static/docs/style/css/common_style_blue.css"
	rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/static/docs/style/css/index_1.css" />
<link
	href="${pageContext.request.contextPath}/static/docs/style/css/index.css"
	rel="stylesheet" type="text/css" />
</head>
<body style="text-align: center">
	<div id="all">
		<div id="menu">
			<!-- 显示菜品的div -->
			<div id="top">
				<ul>
					<!-- 循环列出餐品 -->


					<c:forEach items="${foodList2}" var="food">

						<li>
							<dl>
								<dt>
									<a
										href="${pageContext.request.contextPath}/caixiangxi/${food.id}">
										<img width="214px" height="145px"
										src="${pageContext.request.contextPath}/static/docs/style/images/${food.img}.jpg" />
									</a>
								</dt>
								<dd class="f1">
									<a
										href="${pageContext.request.contextPath}/caixiangxi/${food.id}">${food.foodname}</a>
								</dd>
								<dd class="f2">
									<a
										href="${pageContext.request.contextPath}/caixiangxi/${food.id}">&yen;${food.price}</a>
								</dd>
							</dl>
						</li>


					</c:forEach>


				</ul>
			</div>

			<!-- 底部分页导航条div -->
			<div id="foot">



				<span
					style="float: left; line-height: 53PX; margin-left: -50px; font-weight: bold;">
					<span style="font-weight: bold">&lt;&lt;</span>
				</span>


				<div id="btn">
					<ul>
						<!-- 参看 百度, 谷歌是 左 5 右 4 -->

						<li><a href="#">1</a></li>

						<li><a href="#">2</a></li>

					</ul>
				</div>


				<span style="float: right; line-height: 53px; margin-right: 10px;">
					<a href="#"
					style="text-decoration: none; color: #000000; font-weight: bold">&gt;&gt;</a>
				</span>



			</div>

		</div>

		<!-- 右边菜系列表，菜品搜索框  -->
		<div id="dish_class">
			<div id="dish_top">
				<ul>
					<c:forEach items="${ordersList}" var="orders"	begin="0"	end="0"	step="1">
						<li class="dish_num"></li>
						<li><a
							href="${pageContext.request.contextPath}/xiadan/${orders.id}">
								<img
								src="${pageContext.request.contextPath}/static/docs/style/images/call2.gif" />
						</a></li>
					</c:forEach>
				</ul>
			</div>

			<div id="dish_2">
				<ul>

					<li><a href="${pageContext.request.contextPath}/jiezhang">结账
					</a></li>


				</ul>
			</div>

			<div id="dish_2">
				<ul>

					<c:forEach items="${foodTypeList1}" var="foodType">
						<li>
							<a
						href="${pageContext.request.contextPath}/caidan/${foodType.id}">${foodType.typename}</a>
							
						</li>
				</c:forEach>	

				</ul>
			</div>

		</div>

	</div>
</body>
</html>